<template>
	<div class="parent-div">
		<div class="loading">
			<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
		</div>
		<div class="app-loading__title">正在检测中...</div>
	</div>
</template>

<script setup="detectingPanel">

</script>

<style scoped>
.parent-div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}

.loading {
	display: flex; /* 将该div元素的display属性设置为flex，以便在其内部进行居中处理 */
	justify-content: center; /* 在水平方向上居中 */
	align-items: center; /* 在垂直方向上居中 */
}
</style>
